<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>案例</title>
  <!-- 1.重置样式 -->
  <link rel="stylesheet" href="../css/normalize.css">

  <!-- 2.公共样式 -->
  <link rel="stylesheet" href="../css/common.css">

  <!-- 3.当前样式 -->
  <link rel="stylesheet" href="../css/case.css">

</head>

<body>
  <!-- 头部 -->
  <div class="head container-fluid clearfix">
    <!-- logo -->
    <h1 class="logo fl">
      <a href="#"><img src="../imags/new-logo-white.png" alt=""></a>
    </h1>

    <!-- nav -->
    <ul class="nav fl">
      <li><a href="./home.html">首页</a></li>
      <li><a href="./API.html">API</a></li>
      <li><a href="#">云服务</a></li>
      <li class="active"><a href="#">案例</a></li>
      <li><a href="#">开发者</a></li>
    </ul>
    <!-- 登录login&注册register -->
    <div class="btnbox fr">
      <a class="login" href="./login.html">登录</a>
      <a class="register" href="./register.html">注册有礼</a>
    </div>
  </div>

  <!-- canvas画图 -->
  <div id="mydiv" style="height:350px; background-color: #1d1d1d;"></div>

  <!--  -->
  <div class="container title-mydiv">
    <h1>助力行业巨头、独角兽企业</h1>
    <p>已服务10万+企业客户</p>
    <p>-精选案例-</p>
  </div>
  <!-- 金融案例 -->
  <div class="container floorBox financial">
    <h2 class="case-title">金融案例 <span>/Financial Case</span></h2>
    <ul class="case-text clearfix">
      <!-- <li>
        <img src="../imgs/szyh.png" alt="">
        <div class="p10">
          <h3>苏州银行数据api服务系统</h3>
          <p>
            苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。
          </p>
          <a href="#">了解详情</a>
        </div>
      </li> -->
    </ul>
  </div>

  <!-- 企业案例 -->
  <div class="container floorBox business">
    <h2 class="case-title">企业案例 <span>/Business Case</span></h2>
    <ul class="case-text clearfix">

    </ul>
  </div>

  <!-- 政务案例 -->
  <div class="container floorBox government">
    <h2 class="case-title">政务案例 <span>/Government Case</span></h2>
    <ul class="case-text clearfix">

    </ul>
  </div>

  <!-- 更多伙伴 -->
  <div class="container floorBox partner">
    <h2 class="case-title">更多伙伴 <span>/More Partners</span></h2>
    <ul class="case-text clearfix">
      <li><img src="../imags/more-partners-item01.svg" alt=""></li>
      <li><img class="img2" src="../imags/more-partners-item02.svg" alt=""></li>
      <li><img class="img3" src="../imags/more-partners-item03.svg" alt=""></li>
      <li><img src="../imags/more-partners-item04.svg" alt=""></li>
      <li><img class="img5" src="../imags/more-partners-item05.svg" alt=""></li>
      <li><img class="img6" src="../imags/more-partners-item06.svg" alt=""></li>
      <li><img class="img7" src="../imags/more-partners-item07.svg" alt=""></li>
      <li><img src="../imags/more-partners-item08.svg" alt=""></li>
      <li><img src="../imags/more-partners-item09.svg" alt=""></li>
    </ul>
  </div>

  <!-- 尾部 -->
  <div class="foot container clearfix::after">
    <div class="foottext">
      <dl class="text-title fl">
        <dt>联系与支持</dt>
        <a href="#">
          <dd>400-882-7715</dd>
        </a>
        <a href="#">
          <dd>售前咨询</dd>
        </a>
        <a href="#">
          <dd>客服&售后</dd>
        </a>
        <a href="#">
          <dd>常见问题</dd>
        </a>
        <a href="#">
          <dd>极速工单</dd>
        </a>
        <a href="#">
          <dd>投诉与建议</dd>
        </a>
      </dl>
      <dl class="text-title fl">
        <dt>联系与支持</dt>
        <a href="#">
          <dd>400-882-7715</dd>
        </a>
        <a href="#">
          <dd>售前咨询</dd>
        </a>
        <a href="#">
          <dd>客服&售后</dd>
        </a>
        <a href="#">
          <dd>常见问题</dd>
        </a>
        <a href="#">
          <dd>极速工单</dd>
        </a>
        <a href="#">
          <dd>投诉与建议</dd>
        </a>
      </dl>
      <dl class="text-title fl">
        <dt>联系与支持</dt>
        <a href="#">
          <dd>400-882-7715</dd>
        </a>
        <a href="#">
          <dd>售前咨询</dd>
        </a>
        <a href="#">
          <dd>客服&售后</dd>
        </a>
        <a href="#">
          <dd>常见问题</dd>
        </a>
        <a href="#">
          <dd>极速工单</dd>
        </a>
        <a href="#">
          <dd>投诉与建议</dd>
        </a>
      </dl>
      <dl class="text-title fl">
        <dt>联系与支持</dt>
        <a href="#">
          <dd>400-882-7715</dd>
        </a>
        <a href="#">
          <dd>售前咨询</dd>
        </a>
        <a href="#">
          <dd>客服&售后</dd>
        </a>
        <a href="#">
          <dd>常见问题</dd>
        </a>
        <a href="#">
          <dd>极速工单</dd>
        </a>
        <a href="#">
          <dd>投诉与建议</dd>
        </a>
      </dl>
      <dl class="text-title fl">
        <dt>联系与支持</dt>
        <a href="#">
          <dd>400-882-7715</dd>
        </a>
        <a href="#">
          <dd>售前咨询</dd>
        </a>
        <a href="#">
          <dd>客服&售后</dd>
        </a>
        <a href="#">
          <dd>常见问题</dd>
        </a>
        <a href="#">
          <dd>极速工单</dd>
        </a>
        <a href="#">
          <dd>投诉与建议</dd>
        </a>
      </dl>
      <div class="weixin">
        <p class="weixin-title">微信公众号</p>
        <p class="weixin-text">源码时代</p>
        <img src="../imags/wechat-white.png" alt="">
      </div>
    </div>
  </div>
  <!-- 底部 -->
  <p class="footbottom container">
    <a href="#">
      <img src="../imags/bei2.png" alt="">
    </a>
    <a href="#">
      <img src="../imags/bei1.png" alt="">
    </a>
    <span>增值电信业务经营许可证：蜀B2-20180596</span>
    <a href="#">蜀ICP备15006450号-3</a>
    <a href="#">营业执照</a>
    <span class="fr lest">源码大数据股份有限公司©版权所有</span>
  </p>



  <!-- 电梯 -->
  <div class="floor">
    <p>金融案例</p>
    <p>企业案例</p>
    <p>政务案例</p>
    <p>更多伙伴</p>
  </div>

  <!-- domjs -->
  <script src="../lib/dom.js"></script>

  <!-- canvas插件  -->
  <script src="../lib/canvas-particle.js"></script>

  <!-- move.js -->
  <script src="../lib/move.js"></script>

  <!-- 当前js -->
  <script src="../js/case.js"></script>
</body>

</html>